<template>
  <el-form
    ref="ruleFormRef"
    style="max-width: 1000px; overflow-y: auto"
    label-width="180px"
  >
    <el-row justify="space-between">
      <div style="width: 100%; font-size: 16px; margin: 15px 0">基本信息</div>
      <el-col :span="8">
        <el-form-item label="姓名：" prop="name">
          <div>{{ studentInfo.nick }}</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="考生性别：" prop="name">
          <div>{{ studentInfo.sex == 0 ? '男' : '女' }}</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="考生名族：" prop="name">
          <div>{{ studentInfo.nation }}</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="登录账号：" prop="name">
          <div>{{ studentInfo.phone }}</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="高考省份：" prop="name">
          <div>{{ studentInfo.province }}</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="高考年份：" prop="name">
          <div>{{ studentInfo.graduate_time }}</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="学校地区：" prop="name">
          <div>{{ studentInfo.s_province }}</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="" prop="name">
          <div>{{ studentInfo.s_city }}</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="" prop="name">
          <div>{{ studentInfo.s_district }}</div>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="学校名称：" prop="name">
          <div>{{ studentInfo.s_school }}</div>
        </el-form-item>
      </el-col>
      <!-- <el-col :span="12">
        <el-form-item label="户籍类型：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="户籍所在地：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col> -->
      <el-col :span="8">
        <el-form-item label="父亲：" prop="name">
          <div>{{ studentInfo.f_name }}</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="电话：" prop="name">
          <div>{{ studentInfo.f_phone }}</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="职业：" prop="name">
          <div>{{ studentInfo.f_career }}</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="母亲：" prop="name">
          <div>{{ studentInfo.m_name }}</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="电话：" prop="name">
          <div>{{ studentInfo.m_phone }}</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="职业：" prop="name">
          <div>{{ studentInfo.m_career }}</div>
        </el-form-item>
      </el-col>
      <!-- <div style="width: 100%;font-size: 16px;margin: 15px 0">其它信息</div>
      <el-col :span="8">
        <el-form-item label="外语语种：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="有无加分：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="分值：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="是否有特殊升学：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="是否色盲色弱：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="优势科目：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="劣势科目：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="高中获奖记录：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="兴趣与特长：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <div style="width: 100%;font-size: 16px;margin: 15px 0">专业/院校意向</div>
      <el-col :span="24">
        <el-form-item label="意向专业：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="不考虑专业：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="中外合作意向：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="意向院校：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="不考虑院校：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="意向地区：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="不考虑地区：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="关注院校：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item label="关注专业：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col>
      <div style="width: 100%;font-size: 16px;margin: 15px 0">其他</div>
      <el-col :span="24">
        <el-form-item label="大学毕业后规划：" prop="name">
          <div>/</div>
        </el-form-item>
      </el-col> -->
      <el-col :span="24">
        <el-form-item label="其它备注：" prop="name">
          <div>{{ studentInfo.remark }}</div>
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>
<script setup>
import { ref } from 'vue';
import { getUser } from '@/api/leader/Filling.js';

const props = defineProps({
  studentData: {
    type: Object,
    default: {},
  },
});

const studentInfo = ref({}); // 学生信息

getUserInfo();
function getUserInfo() {
  getUser({
    id: props.studentData.studentId,
  }).then((res) => {
    studentInfo.value = res.data;
  });
}
</script>
<style lang="scss" scoped></style>
